﻿.btn {
    --bs-btn-font-size: .875rem;
    --bs-btn-focus-box-shadow: none;
    --bb-btn-label-margin-left: 4px;
    --bs-btn-active-border-color: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
}

.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-x: .3125rem;
    --bs-btn-padding-y: .0625rem;
    --bs-btn-font-size: 0.75rem;
}

.btn-xl, .btn-group-xl > .btn {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: .8rem;
    --bs-btn-font-size: 1.25rem;
}

.btn-xxl, .btn-group-xxl > .btn {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: .8rem;
    --bs-btn-font-size: 1.5rem;
}

.btn .badge,
.btn i + span,
.badge i + span,
.link-button i + span {
    margin-left: var(--bb-btn-label-margin-left);
}

.btn-circle {
    --bs-btn-border-radius: 50%;
    --bb-button-circle-width: 45px;
    --bb-button-circle-height: 45px;
    width: var(--bb-button-circle-width);
    height: var(--bb-button-circle-height);
}

.btn-round {
    --bs-btn-border-radius: var(--bs-border-radius-pill);
}

.btn-block {
    width: 100%
}

.btn-vertical {
    --bb-btn-label-margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn-close:focus {
    box-shadow: none;
}

.link-button {
    --bs-btn-bg: transparent;
    border: none;
    padding: 0;
    background-color: var(--bs-btn-bg);
}

    .link-button:disabled img {
        opacity: var(--bs-btn-disabled-opacity);
    }
